@import "sassCom";
#con{
  width:100%;
  height:100%;
  background:#fff;
  .part-top{
    padding:pxToRem(50);
    height:pxToRem(206);
    background:#3b84ef;
    position:relative;
    &:after{
      display:block;
      content:"";
      width:pxToRem(400);
      height:pxToRem(55);
      background:url("../images/angle.png") no-repeat left top;
      background-size:100% 100%;
      position:absolute;
      left:50%;
      margin-left:pxToRem(-200);
      bottom:pxToRem(-10);
    }
    .pt-txt1{
      line-height:pxToRem(50);
      text-align:center;
      color:#eef1f6;
      padding-bottom:pxToRem(20);
    }
    .pt-money{
      line-height:pxToRem(80);
      text-align:center;
      font-size:pxToRem(96);
      color:#eef1f6;
    }
    .reBtn{
      position:absolute;
      right:pxToRem(20);
      top:pxToRem(10);
      display:block;
      width:pxToRem(41);
      height:pxToRem(40);
      padding:pxToRem(10);
      img{
        width:100%;
        height:100%;
      }
    }
  }
  .contracts{
    padding:pxToRem(30);
    .c-title{
      padding:pxToRem(20) 0;
      padding-left:pxToRem(20);
      height:pxToRem(28);
      border-left:2px solid #3b84ef;
      line-height:pxToRem(28);
      color:#616673;
    }
   @at-root .lists{
     width:100%;
     height:auto;
     .conDetail{
       width:100%;
       height:pxToRem(90);
       padding:pxToRem(34) 0;
       position:relative;
       @include  border_1px_bottom(#f5f5f9);
       .c-img{
         float:left;
         width:pxToRem(72);
         height:pxToRem(72);
         margin-right:pxToRem(20);
         margin-top:pxToRem(9);
       }
       .d-txts{
         float:left;
         width:40%;
         height:pxToRem(90);
         .d-count{
           display:block;
           width:100%;
           height:pxToRem(50);
           line-height:pxToRem(50);
           color:#616673;
           font-size:pxToRem(30);
         }
         .d-dec{
           display:block;
           width:100%;
           height:pxToRem(40);
           line-height:pxToRem(40);
           color:#a5a8af;
           font-size:pxToRem(26);
         }
       }
       .d-txts2{
         float:left;
         width:30%;
         height:pxToRem(90);
         .d-money{
           display:block;
           width:100%;
           height:pxToRem(50);
           line-height:pxToRem(50);
           color:#3b84ef;
           font-size:pxToRem(42);
         }
         .d-dec{
           display:block;
           width:100%;
           height:pxToRem(40);
           line-height:pxToRem(40);
           color:#a5a8af;
           font-size:pxToRem(26);
         }
       }
       i{
         position:absolute;
         right:pxToRem(30);
         top:pxToRem(72);
         display:block;
         width:pxToRem(13);
         height:pxToRem(26);
         background:url("../images/next.png") no-repeat left top;
         background-size:100% 100%;
       }
     }
   }
  }
}

#closeBtn{position:absolute;right:0.1rem;top:0.1rem;padding:0.1rem; display:block;width:0.3rem;height:0.3rem;}
#closeBtn img{float:left;width:0.3rem;height:0.3rem;}
.l-title{height:0.5rem;line-height:0.5rem;text-align:center;color:#616673; font-size:0.32rem;}
.l-txt1{padding:0.1rem 0.2rem;text-indent: 1.5em; line-height:0.42rem; color:#616673;}
.l-txt2{padding:0.1rem 0.2rem; text-indent:1.5em;  line-height:0.45rem;color:#8b8a8a;}
